<%--
  Created by IntelliJ IDEA.
  User: Liu
  Date: 2023/8/24
  Time: 20:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <base href="${ctx}/">
    <title>Title</title>
    <script src="assets/lib/jQuery/jquery-3.7.0.min.js"></script>
    <script src="assets/lib/layer/layer.js"></script>
    <link rel="stylesheet" href="assets/CSS/index/welcome.css">
    <script>
        const ctx = "${ctx}/";
        const error = "${error}";
    </script>
    <script src="assets/JS/login/login.js"></script>
</head>
<body>
<main class="lyear-layout-content">

    <div class="container-fluid">

        <div class="row">

            <div class="col-sm-6 col-lg-3">
                <div class="card">
                    <div class="card-header bg-primary" id="function">
                        功能介绍
                    </div>
                    <div class="card-body">
                        <h2>管理系统包括</h2>
                        <p>1.商品信息表    2.仓库信息表</p>
                        <p>3.库存信息表    4.订单信息表</p>
                    </div>
                </div>
            </div>
            <!-- .col-sm-6 -->

            <div class="col-sm-6 col-lg-3">
                <div class="card">
                    <div class="card-header bg-success" id="commodity">
                        <h4>商品信息页面</h4>

                    </div>
                    <div class="card-body">
                        <p>1.对商品的信息进行增加,删除,修改,删除</p>
                        <p>2.可选择仓库查看指定仓库的商品信息</p>
                        <p>3.可选中多个商品查看他们的库存详情</p>
                        <p>4.可选中单个商品查看订单信息</p>
                    </div>
                </div>
            </div>
            <!-- .col-sm-6 -->

            <div class="col-sm-6 col-lg-3">
                <div class="card">
                    <div class="card-header bg-info" id="warehouse">
                        <h4>仓库信息页面</h4>
                    </div>
                    <div class="card-body">
                        <p>1.对仓库的属性进行增加,删除,修改,删除</p>
                        <p>2.可选择单个仓库查看本仓库的商品库存</p>
                    </div>
                </div>
            </div>
            <!-- .col-sm-6 -->

            <div class="col-sm-6 col-lg-3">
                <div class="card">
                    <div class="card-header bg-warning" id="inventory">
                        <h4>库存信息页面</h4>
                    </div>
                    <div class="card-body">
                        <p>1.对商品的库存信息进行增加,删除,修改,删除</p>
                    </div>
                </div>
            </div>
            <!-- .col-sm-6 -->

            <div class="col-sm-6 col-lg-3">
                <div class="card">
                    <div class="card-header bg-danger" id="order">
                        <h4>订单信息页面</h4>

                    </div>
                    <div class="card-body">
                        <p>1.可对订单的信息进行增加,删除,修改,删除</p>
                    </div>
                </div>
            </div>


        <!-- .row -->
        <!-- End Cards with Actions -->

    </div>

</main>
</body>
</html>
